<style>
    md-dialog.md-transition-in{
        max-width: 600px;
        min-width: 400px;
    }
</style>
<div class="modal-header modal_line" >
    <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>-->
    <i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

    <h4 class="modal-title">创建存储</h4>
</div>

<div class="modal-body overflowScoll" id="storageCreateModal">
    <div class="col-md-12 col-xs-12">

        <form name="form">
            <div class="form-group">


                <label class="col-sm-3 col-xs-3 control-label text-right" style="white-space: nowrap;">存储名称：</label>
                <div class="col-sm-7 col-xs-7">
                    <input type="text" class="form-control" ng-model="storageId" id="storageId" name="storageId" ng-required="string" ng-pattern="nameReg" />
                    <small class="text-red ng-binding" ng-show="form.storageId.$error.pattern" style="white-space: nowrap;">存储名不合法!名称规则要求符合 '[a-z0-9]([-a-z0-9]*[a-z0-9])?'</small>
                </div>
                <div class="clearfix"></div>



            </div>
        </form>

    </div>

    <div class="col-md-12 col-xs-12">

        <div class="form-group">
            <style>
                md-slider-container>:first-child:not(md-slider) {
                    margin-right: 0;
                    max-width:25%

                }
                .flex{
                    margin-right: 0px;
                }
                md-slider-container>:last-child:not(md-slider){
                    max-width: 100px;
                    margin: 0;
                }
                md-slider-container md-input-container input[type=number]{
                    font-size: 16px;
                    margin-top:0;
                    text-align: left;
                    padding-left:10px;
                    height: auto;
                    border: 1px solid rgb(204, 204, 204);
                    border-radius: 8px;
                }
                md-slider .md-track-container{
                    height:5px;
                    border-radius:2px;
                }
                md-slider .md-track{border-radius: 5px;}
                md-slider.md-primary .md-track.md-track-fill{border-radius: 5px;height: 7px;top:-1px}
                md-slider .md-thumb{    top: 15px;}
            </style>
            <md-slider-container >
                <!--<div flex="10"  layout-align="center conter"  class="col-sm-3 col-xs-3" style="white-space: nowrap;">
                    <span class="md-body-1"style="float: right">存储大小：</span>

                </div>-->
                <div style="float: left" class="cols-md-3 col-sm-3 col-xs-3"><label class=" control-label text-right" style="white-space: nowrap;float: right">存储大小(M)：</label></div>
                <md-slider ng-model="disabled1" aria-label="Disabled1" flex   max="10240" class="cols-md-7 col-sm-7 col-xs-8 md-primary" min="512" ></md-slider>
                <md-input-container style="max-width: 100px;padding: 0;height: 32px" class="cols-md-2 col-sm-2 col-xs-2 modal_sliderBorder">
                    <input flex type="number" ng-model="disabled1"  aria-controls="instances-slider" max="10240" min="512" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" style="border: 0">
                </md-input-container>
            </md-slider-container>

            <!--<label class="col-sm-3 control-label text-right" >存储大小：</label>
            <div class="col-sm-7">
                <input type="text" class="form-control" >
            </div>
            <span>M</span>
            <div class="clearfix"></div>-->

        </div>

    </div>

    <div class="col-md-12 col-xs-12">

        <form >
            <div class="form-group">


                <label class="col-sm-3 col-xs-3 control-label text-right"  style="white-space: nowrap;">文件格式：</label>
                <div class="col-sm-7 col-xs-7">
                    <label class="btn btn-info modal_label" ng-model="radioModel" uib-btn-radio="'ext4'" uncheckable style="line-height: normal">ext4</label>
                    <!--<label class="btn btn-success modal_label" ng-model="radioModel" uib-btn-radio="'Middle'" uncheckable>Middle</label>
                    <label class="btn btn-success modal_label" ng-model="radioModel" uib-btn-radio="'Right'" uib-uncheckable="uncheckable">Right</label>-->
                </div>



            </div>
        </form>

    </div>
</div>

<div class="modal-footer">
    <div>
        <div class="col-sm-6 col-xs-6" style="">
            <button name="Storage_OK" class="btn btn-info" type="button" ng-click="ok()"
                    style="float: right;margin:0 15px;padding: 7px 28px;border-radius: 8px;" >确定
            </button>
        </div>
        <div class="col-sm-6 col-xs-6" style="float: right">
            <button class="btn btn-white" type="button" ng-click="cancel()"
                    style="float: left;margin:0 15px;padding: 7px 28px;border-radius: 8px;">取消
            </button>
        </div>
    </div>
    <!--
    <button type="button" class="btn btn-white" data-dismiss="modal" ng-click="cancel()">取 消</button>
    <button type="button" class="btn btn-white" ng-click="ok()">确 定</button>-->
</div>
